<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>one-way</title>
	<link rel="stylesheet" href="css/one-way.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
	
	<!-- 爱心模式 -->
	<div id="heart">
		<ul>
			<li>
				<a href="">
					<img src="images/reflash1.png" alt="">
				</a>
			</li>
			<li id="sound_normal">
				<a href="">
					<img src="images/sound_normal.png" alt="">
				</a>
				<span>声音</span>
			</li>
			<li>
				<a href="">
					<img src="images/vol_normal.png" alt="">
				</a>
			</li>
			<li id="heart_point">
				<a>
					<img src="images/point3.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/color1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/enlarge1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/small1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/reflash2.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/cursor1.png" alt="">
				</a>
			</li>
			<li id="screen1">
				<a href="">
					<img src="images/screen1.png" alt="">
				</a>
				<span>显示屏</span>
			</li>
			<li>
				<a href="">
					<img src="images/help1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/left_img5.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/toOriginal.png" alt="">
				</a>
			</li>
			<li id="heart_exit">
				<a>
					<img src="images/exit1.png" alt="">
				</a>
			</li>
		</ul>
	</div>

	<!-- 头部 -->
	<header>
		<div id="wrapper">
			<!-- 头部内容 -->
			<div id="header-con">
				<a href="homepage.jsp" id="logo2x">
					<img src="images/logo@2x.png" alt="">
				</a>
				<!-- 搜索框 -->
				<div id="search">
					<div id="search-con">
						<input type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" id="searchText" name="searchs">
						<a href="" id="search—bon"></a>
					</div>
				</div>
				<!-- 右侧菜单 -->
				<ul id="topMenu">
					<li id="heart_schema">
						 <a>
						 	爱心模式
              			</a>
					</li>
					<li class="menu-line">|</li>
					<li id="Englishs">
						<a href="">
							<span >English</span>
						</a>
						<ul id="EnglishSlide">
							<li>
								<a href="">简体中文</a>
							</li>
							<li>
								<a href="">English</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li id="myslide">
						<a href="">
							<span >我的12306</span>
						</a>
						<ul id="my12306">
							<li>
								<a href="">火车订票</a>
							</li>
							<li>
								<a href="">候补订单</a>
							</li>
							<li>
								<a href="">计次•定期票订单</a>
							</li>
							<li>
								<a href="">约号订单</a>
							</li>
							<li>
								<a href="">本人车票</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">我的餐饮•特产</a>
							</li>
							<li>
								<a href="">我的保险</a>
							</li>
							<li>
								<a href="">我的会员</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">查看个人信息</a>
							</li>
							<li>
								<a href="">账户安全</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">乘车人</a>
							</li>
							<li>
								<a href="">地址管理</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">温馨服务查询</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li>
						<a href="login.jsp" id="logig_nameShow"><!-- ${loginUser.getUser_real_name()} -->登录</a>
						<a href="register.jsp">注册</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 导航 -->
		<div id="nav-box">
			<div id="wrapper1">
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li id="n_arrow_ticket">
						<a href="">车票
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="ticket">
							<nav id="ticket-con0">
								<h3>购买</h3>
								<div>
									<a href="one-way.jsp">
										<span>单程</span>
									</a>
									<a href="transit.jsp">
										<span>中转换乘</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con1">
								<h3></h3>
								<div>
									<a href="one-way.jsp">
										<span>往还</span>
									</a>
									<a href="">
										<span>计次·定期票</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con3">
								<h3>变更</h3>
								<div>
									<a href="">
										<span>退票</span>
									</a>
									<a href="">
										<span>变更到站</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>改签</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con5">
								<h3>更多</h3>
								<div>
									<a href="">
										<span>中铁银通卡</span>
									</a>
									<a href="">
										<span>市郊快速铁路</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>广九直通车</span>
									</a>
									<a href="">
										<span>国际列车</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_team">
						<a href="">团购服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="team">
							<nav>
								<a href="">
									<span>务工人员</span>
								</a>
								<a href="">
									<span>学生团体</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_vipServe">
						<a href="">会员服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="vipServe">
							<nav>
								<a href="memberService.jsp">
									<span>会员管理</span>
								</a>
								<a href="memberService.jsp">
									<span>积分账户</span>
								</a>
								<a href="memberService.jsp">
									<span>积分兑换</span>
								</a>
								<a href="memberService.jsp">
									<span>会员专享</span>
								</a>
								<a href="memberOld.jsp">
									<span>会员中心</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_station">
						<a href="">站车服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="station">
							<nav id="station-con1">
								<div>
									<a href="">
										<span>重点旅客预约</span>
									</a>
									<a href="">
										<span>遗失物品查找</span>
									</a>
								</div>
							</nav>
							<nav id="station-con2">
								<div>
									<a href="">
										<span>便民托运</span>
									</a>
									<a href="">
										<span>动车组介绍</span>
									</a>
								</div>
							</nav>
							<nav id="station-con3">
								<div>
									<a href="">
										<span> 共享汽车</span>
									</a>
									<a href="">
										<span>定制接送</span>
									</a>
								</div>
							</nav>
							<nav id="station-con4">
								<div>
									<a href="">
										<span> 车站引导</span>
									</a>
									<a href="">
										<span>站车风采</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_tour">
						<a href="">商旅服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="tour">
							<nav>
								<a href="">
									<span>餐饮·特产</span>
								</a>
								<a href="">
									<span>旅游</span>
								</a>
								<a href="">
									<span>保险</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_trip">
						<a href="">出行指南
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="trip">
							<nav id="trip-con0">
								<h3>常见问题</h3>
								<div>
									<a href="">
										<span>车票</span>
									</a>
									<a href="">
										<span>改签、变更到站</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>购票</span>
									</a>
									<a href="">
										<span>退票</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con3">
								<h3>旅客须知</h3>
								<div>
									<a href="">
										<span>铁路电子客票</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>身份验证</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="trip-con5">
								<h3>相关章程</h3>
								<div>
									<a href="">
										<span>铁路互联网售票暂行方法</span>
									</a>
									<a href="">
										<span>铁路进站乘车禁止和跟……</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>铁路旅客运输规程</span>
									</a>
									<a href="">
										<span>广深港高速铁路跨境旅客……</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_message">
						<a href="">信息查询
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="message">
							<nav id="message-con0">
								<h3>常用查询</h3>
								<div>
									<a href="">
										<span>正晚点</span>
									</a>
									<a href="">
										<span>天气</span>
									</a>
								</div>
							</nav>
							<nav id="message-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>时刻表</span>
									</a>
									<a href="">
										<span>交通查询</span>
									</a>
								</div>
							</nav>
							<nav id="message-con3">
								<h3></h3>
								<div>
									<a href="">
										<span>公布票价</span>
									</a>
									<a href="">
										<span>代售点</span>
									</a>
								</div>
							</nav>
							<nav id="message-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>检票口</span>
									</a>
									<a href="">
										<span>客户电话</span>
									</a>
								</div>
							</nav>
							<nav id="message-con5">
								<h3></h3>
								<div>
									<a href="">
										<span>起售时间</span>
									</a>
									<a href="">
										<span>列车状态</span>
									</a>
								</div>
							</nav>
							<nav id="message-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>最新发布</span>
									</a>
									<a href="">
										<span>信用信息</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</header>

	<div id="center">
		
		<!-- 车站搜索 -->
		<div id="search_station">
			<form action="" method="post">
				<!-- 左 -->
				<div id="stationT_left">
					<ul>
						<li>
							<input type="radio" name="oneWay_return" checked="checked"	id="oneWay_station">
							<span>单程</span>
						</li>
						<li>
							<input type="radio" name="oneWay_return" id="return_station">
							<span>往返</span>
						</li>
					</ul>
				</div>

				<!-- 中 -->
				<div id="stationT_center">
					<ul>
						<li>
							<span>出发地</span>
							<div>
								<input type="text" id="stationT_center_depart" name="start" value="">
							</div>
						</li>
						<li>
							<label id="cut_station"></label>
						</li>
						<li>
							<span>目的地</span>
							<div>
								<input type="text" id="stationT_center_getTo" name="terminal" value="">
							</div>
						</li>
						<li>
							<span>出发日</span>
							<div>
								<input type="date" name="date" class="now_date">
							</div>
						</li>
						<li>
							<span>返程日</span>
							<div>
								<input type="date" class="now_date" disabled id="return_date_station"  name="return_data">
							</div>
						</li>
					</ul>
				</div>

				<!-- 右 -->
				<div id="stationT_right">
					<ul>
						<li>
							<input type="radio" name="student_common"  checked="checked">
							<span>普通</span>
						</li>
						<li>
							<input type="radio" name="student_common">
							<span>学生</span>
						</li>
					</ul>
					<div>
						<input type="button" value="查询" class = "putin" style="cursor:pointer">
					</div>
				</div>
			</form>
		</div>

		<!-- 车站时间 -->
		<div id="Time_station">

			<!-- 日期 -->
			<div id="date_range">
				<ul>
					<li class="sel" id="sels_date">
						<span class="first0 dateFutures0"></span>
						<span class="first1  weekTime0"></span>
					</li>
					<li>
						<span class="dateFutures1"></span>
						<span class="hide_date weekTime1"></span>
					</li>
					<li>
						<span class="dateFutures2"></span>
						<span class="hide_date weekTime2"></span>
					</li>
					<li>
						<span class="dateFutures3"></span>
						<span class="hide_date weekTime3"></span>
					</li>
					<li>
						<span class="dateFutures4"></span>
						<span class="hide_date weekTime4"></span>
					</li>
					<li>
						<span class="dateFutures5"></span>
						<span class="hide_date weekTime5"></span>
					</li>
					<li>
						<span class="dateFutures6"></span>
						<span class="hide_date weekTime6"></span>
					</li>
					<li>
						<span class="dateFutures7"></span>
						<span class="hide_date weekTime7"></span>
					</li>
					<li>
						<span class="dateFutures8"></span>
						<span class="hide_date weekTime8"></span>
					</li>
					<li>
						<span class="dateFutures9"></span>
						<span class="hide_date weekTime9"></span>
					</li>
					<li>
						<span class="dateFutures10"></span>
						<span class="hide_date weekTime10"></span>
					</li>
					<li>
						<span class="dateFutures11"></span>
						<span class="hide_date weekTime11"></span>
					</li>
					<li>
						<span class="dateFutures12"></span>
						<span class="hide_date weekTime12"></span>
					</li>
					<li>
						<span class="dateFutures13"></span>
						<span class="hide_date weekTime13"></span>
					</li>
					<li>
						<span class="dateFutures14"></span>
						<span class="hide_date weekTime14"></span>
					</li>
				</ul>
			</div>	

			<!-- 车次类型 -->
			<div id="buy_set_type">
				<div id="typeBuy">
					车次类型:
				</div>

				<div id="Allbuys">
					<span id="allCheck">全部</span>
					<ul id="buysAll">
						<li>
							<input type="checkbox" name="buys_set">
							<span>GC-高铁/城际</span>
						</li>
						<li>
							<input type="checkbox" name="buys_set">
							<span>D-动车</span>
						</li>
						<li>
							<input type="checkbox" name="buys_set">
							<span>Z-直达</span>
						</li>
						<li>
							<input type="checkbox" name="buys_set">
							<span>T-特快</span>
						</li>
						<li>
							<input type="checkbox" name="buys_set">
							<span>K-快速</span>
						</li>
						<li>
							<input type="checkbox" name="buys_set">
							<span>其他</span>
						</li>
					</ul>

					<div id="buys_time">
						发车时间： 
						<select>
							<option >00:00--24:00</option>
							<option >00:00--06:00</option>
							<option >06:00--12:00</option>
							<option >12:00--18:00</option>
							<option >18:00--24:00</option>
						</select>
					</div>
				</div>

			</div>

			<!-- 出发车站 -->
			<div id="depart_all">

				<div id="depart_all_station">
					出发车站:
				</div>

				<div id="departAll">
					<span id="allCheckDepart">全部</span>
				</div>


			</div>

		</div>

		<!-- 车票查询为空时显示 -->
		<div id="noTicket">
			<dl>
  				<dt></dt>
    			<dd>
    				很抱歉，按您的查询条件，当前未找到从
    				<span>上海</span>
    				到
    				<span>拉萨</span>
    				的列车。您可以使用
    				<a href="">中转换乘</a>
    				功能，查询途中换乘一次的部分列车余票情况。
    			</dd>
			</dl>
		</div>

		<!-- 有关车站信息显示 -->
		<div id="messageStation">
			<ul>
				<li>
					<input type="checkbox">
					<span>显示积分兑换车次</span>
				</li>
				<li>
					<input type="checkbox">
					<span>显示全部可预订车次</span>
				</li>
			</ul>
		</div>

		<!-- 车次展示 -->
		<div id="station_table_message">
			<table id="table_message1">
				<tr>
					<td>
						车次
					</td>
					<td>
						出发站
						<br>
						到达站
					</td>
					<td>
						出发时间
						<br>
						到达时间
					</td>
					<td>
						历时
					</td>
					<td>
						商务座
						<br>
						特等座
					</td>
					<td>
						一等座
					</td>
					<td>
						二等座
						<br>
						二等包座
					</td>
					<td>
						高级
						<br>
						软卧
					</td>
					<td>
						软卧
						<br>
						一等卧
					</td>
					<td>
						动卧
					</td>
					<td>
						硬卧
						<br>
						二等卧
					</td>
					<td>
						软座
					</td>
					<td>
						硬座
					</td>
					<td>
						无座
					</td>
					<td>
						其他
					</td>
					<td>
						备注
					</td>
				</tr>
			</table>
		</div>

		<!-- 车次清单-->
		<div id="station_list_message">
			<nav>
				<table id="tabList" cellpadding="0" cellspacing="0" >
					<thead class ="midst"></thead>
                    <tbody></tbody>
				</table>

				<!-- 当查询有余票结果后，在table下显示还可以选择中转换乘查询换乘车次的提示 -->
				<div id="search_ticket_result1">
					<p id="jxhc_alert">
						如果查询结果中没有满足需求的车次，您还可以使用
						<a style="color:#07f">中转换乘</a>功能，查询途中换乘一次的部分列车余票情况。
					</p>
					<p>
						显示的卧铺票价均为上铺票价，供您参考。具体票价以您确认支付时实际购买的铺别票价为准。显示为“复兴号”或“智能动车”的列车，如因运力原因或其他不可控因素导致列车调度调整时，当前车型可能会发生变动。
					</p>
				</div>

				<div id="search_ticket_result2">
					<nav>
						<span id= "departSpan"></span>
						<label></label>
						<span id="result_transferx">中转换乘</span>
						<label></label>
						<span id="getToSpan"></span>
						<a href="" id="ticket_more_result">
							<span>查询更多中转方案</span>
						</a>
					</nav>
				</div>
			</nav>
		</div>

	</div>

	<!-- 底部 -->
	<footer id="footer-con">
		<div id="footer-link">
			<span>友情链接</span>
			<nav>
				<a href="">
					<img src="images/link05.png" alt="">
				</a>
				<a href="">
					<img src="images/link03.png" alt="">
				</a>
			</nav>
			<nav>
				<a href="">
					<img src="images/link02.png" alt="">
				</a>
				<a href="">
					<img src="images/link04.png" alt="">
				</a>
			</nav>
		</div>

		<div id="footer-left">
			<dl>
				<dt>中国铁路官方微信</dt>
				<dd>
					<img src="images/zgtlwx.png" alt="">
				</dd>
			</dl>

			<dl>
				<dt>中国铁路官方微博</dt>
				<dd>
					<img src="images/zgtlwb.png" alt="">
				</dd>
			</dl>

			<dl>
				<dt>12306公众号</dt>
				<dd>
					<img src="images/public.png" alt="">
				</dd>
					</dl>

			<dl>
				<dt>铁路12306</dt>
				<dd>
					<img src="images/downloads.png" alt="">
				</dd>
			</dl>
			<div id="footer-pub">
				官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。
			</div>
		</div>
	</footer>

	<!-- 最底部 -->
	<div id="footer-bottom">
		<div id="bot_con">
			<p>版权所有©2008-2022 中国铁道科学研究院集团有限公司</p>
			<dl>
				<dt>
					<a href="">
						<img src="images/gongan.png" alt="">
					</a>
				</dt>
				<dd>
					<a href="">京公网安备</a>
					<a href=""> 11010802038392号</a>
					| 京ICP备05020493号-4 | ICP证：京B2-20202537
				</dd>
			</dl>
			<div id="down-img">
				<img src="images/footer-slh.jpg" alt="">
			</div>
		</div>	
	</div>


</body>

<script type="text/javascript" src="js/one-way.js"></script>
</html>